import styled from 'styled-components';
import AnimationSlide from './Animation-Slide';
import AnimationShake from './Animation-Shake';

// 定义 keyframes
const HomeContainer = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  width: 100%;
  height: 100vh;
  `;

const AnimationHome = () => {

    return (
        <>
            <HomeContainer>
                <AnimationSlide></AnimationSlide>
                <AnimationShake></AnimationShake>
            </HomeContainer>
        </>
    );
};

export default AnimationHome;
